<list>
	<div class="weui-cells">
		<a class="weui-cell weui-cell_access" href="javascript:;" onclick={listClick} each={list in opts.lists}>
			<div class="weui-cell__bd">
				<p>{list.title}</p>
			</div>
			<div class="weui-cell__ft">
			</div>
		</a>
	</div>
<script>
	let tag = this;
	tag.listClick = function(e){
		if(tag.consts.inputDisabled) return;
		tag.observable.trigger('app:sendbtn:disabled', true);
		tag.observable.trigger('app:message:send', 'text', {
			text: e.item.list.title,
			timestamp: tag.getTimestamp()
		});
		tag.observable.trigger('app:message:recive', 'placeload', {
			timestamp: tag.getTimestamp()
		});
	}
</script>
<style>
	:scope{
		display: block;
		width: calc(100vw - 8.8rem);
		border: 1px dashed #e5e5e5;
    	border-radius: 3px;
	}
	:scope .weui-cells{
		margin-top: 0;
    	font-size: 0.85rem;
	}
	:scope .weui-cell:before{
		left: 1rem;
		right: 1rem;
		border-top: 1px dashed #e5e5e5;
	}
	:scope .weui-cell__bd p{
		margin-bottom:0!important;
	}
	:scope .weui-cells:before, :scope .weui-cells:after{
		display: none;
	}
	:scope .weui-cell_access .weui-cell__ft:after{
		border-width:1px 1px 0 0;
		border-color: #e5e5e5;
	}
</style>
</list>